<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<link href="css/myui.css" rel="stylesheet" />
		<link href="css/user.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/mui.min.css">
		<style type="text/css">
			html,body{
				background: #fcfcfc;
			}
		</style>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>

		<header>
			<div class="top wh_plaza">
				首页
			</div>
		</header>

		<div id="slider" class="mui-slider" >
			<div class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="img/top2.png">
					</a>
				</div>
				<!-- 第一张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="img/top11.png">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="img/top1.png">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="#">
						<img src="img/top2.png">
					</a>
				</div>
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#">
						<img src="img/top11.png">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>		

		<div class="home_content">
			<ul>
				<li id="answer">
					<a href="javascript:;"><img src="img/jieda.png"></a>
					<p>定向解答</p>
				</li>
				<li id="Consultation_Plaza">
					<a href="javascript:;"><img src="img/guangchang.png"></a>
					<p>咨询广场</p>
				</li>
				<li id="reservation">
					<a href="javascript:;"><img src="img/fuyue.png"></a>
					<p>如期赴约</p>
				</li>
			</ul>
		</div>
		
		<!---底部-->

		<div class="footer1">
			<a class="wh_footer1_a" id="home">
				<li>
					<p style=""><img src="img/xuanzhong_index.png"></p>
					<p style="color: #ffd83b;">首页</p>
				</li>
			</a>
			<a class="wh_footer1_a" id="wh_camera">
				<li>
					<p><img src="img/wh_home14.png"></p>
					<p style="color: #fff;">公益活动</p>
					<img src="img/footer_center.png" class="footer_center_yuan">
				</li>
			</a>
			<a class="wh_footer1_a" id="user">
				<li>
					<p><img src="img/wh_home13.png"></p>
					<p style="color: #fff;">我的</p>
				</li>
			</a>
		</div>

	</body>

	<script src="js/index.js"></script>
	<script type="text/javascript">
	mui.ready(function(){ 
		var gallery = mui('.mui-slider');
		gallery.slider({
		  interval:3000//自动轮播周期，若为0则不自动播放，默认为0；
		});

		//打开首页
		localtionURL("home","home.html");
		//打开公益
		localtionURL("wh_camera","wh_camera.html");
		//打开个人
		localtionURL("user","user.html");
		//打开解答页面
		localtionURL("answer","answer.html");
		//打开如期赴约页面
		localtionURL("reservation","reservation.html");
		//打开咨询广场页面
		localtionURL("Consultation_Plaza","Consultation_Plaza.html");

		//首页返回键处理
		//处理逻辑：1秒内，连续两次按返回键，则退出应用；
		var first = null;
		var showMenu = false;
		mui.back = function() {
			if (showMenu) {
				closeMenu();
			} else {
				//首次按键，提示‘再按一次退出应用’
				if (!first) {
					first = new Date().getTime();
					mui.toast('再按一次退出应用');
					setTimeout(function() {
						first = null;
					}, 1000);
				} else {
					if (new Date().getTime() - first < 1000) {
						plus.runtime.quit();
					}
				}
			}
		};
	});
	</script>
	</html>